<template>
	<view >
		<u-tabs :list="functionTabList" active-color="#000" inactive-color="#000" bg-color="transparent" :is-scroll="false" :current="current"
			@change="(e)=>{current = e}" :bar-width="40" :bar-height="12" :height="95" :bar-style="{
				background:'#52B9FE'
			}"></u-tabs>
		
		<sameTradeLists v-if="current == 0"></sameTradeLists>
		<cooperationLists v-if="current == 1"></cooperationLists>
		<consultingExpertLists v-if="current == 2"></consultingExpertLists>
	</view>
</template>

<script>
	import sameTradeLists from './same_trade_lists.vue'
	import cooperationLists from './cooperation_lists'
	import consultingExpertLists from './consulting_expert_lists'
	export default {
		components:{
			sameTradeLists,
			cooperationLists,
			consultingExpertLists
		},
		data() {
			return {
				functionTabList:[
					{
						name: '我的甩单需求'
					}, {
						name: '我的合作需求'
					}, {
						name: '我的进展',
					}
				],
				current:0,
			}
		}
	}
</script>

<style>
</style>